<template>
    <div class="header">
        <Header class="container header_container" />
    </div>
    <div class="container">
        <div class="introduceTitle">
            <IndexTitle :titleParam="data.introduceTitle" />
        </div>
        <IntroduceCardList :introduceParam="data.introduceParam" class="pt-4 pb-4" />
        <IndexTitle :titleParam="data.functionTitle" />
        <FunctionIntroduceList :param="data.functionIntroduceParam" class="pt-4" />
    </div>
    <BusiIntroduce />
    <Activity />
    <!--<ContactUs />-->
</template>

<script setup lang="ts">
    import { reactive } from "vue";
    import Header from '@/components/Header.vue'
    import IndexTitle from '@/components/IndexTitle.vue'
    import IntroduceCardList from '@/components/IntroduceCardList.vue'
    import FunctionIntroduceList from '@/components/FunctionIntroduceList.vue'
    import BusiIntroduce from '@/components/BusiIntroduce.vue'
    import Activity from '@/components/Activity.vue'
    import ContactUs from '@/components/ContactUs.vue'

    const data = reactive({
        introduceTitle: {
            title: '不良资产数据仓库',
            text: '快速迭代的轻量化分布式数据仓库，专注于不良资产行业，集成AI大模型能力和数据分析功能，可应用于不良资产项目线上尽职调查、主体关联关系一键分析、客户画像、智慧营销等领域'
        },
        introduceParam: {
            gutter: 20, //列之间的间隔
            span: 12, // 列数，24/span=列数，例如24/12=2即每行两列
            cardBorderRadio: 20,
            cardHeight: 350,
            introduceList: [
                {
                    'iconUrl': '/bi_frontend/imgs/icon1.png',
                    'cartMainTitle': '强大的扩展能力',
                    'cartSubTitle': '分布式数据仓库存储、处理和实时分析能力',
                    'cartText': '轻量化架构的分布式数据仓库具有良好的弹性和线性扩展能力，可快速扩展对接各个数据库，包括商业数据库及行内中台数据。'
                },
                {
                    'iconUrl': '/bi_frontend/imgs/icon2.png',
                    'cartMainTitle': '强大的灵活性',
                    'cartSubTitle': '随需应变的高度可配置性',
                    'cartText': '不受限于硬件环境和平台，用户可以灵活选择最适合自己的配置方案。配置的普适性，提供了极大的灵活性，解放了平台的制约和绑定，实现无缝切换。'
                },
                {
                    'iconUrl': '/bi_frontend/imgs/icon3.png',
                    'cartMainTitle': '商业智能到人工智能',
                    'cartSubTitle': '集成AI大模型及数据分析功能',
                    'cartText': '支持商业智能 (BI)、文本、GIS、图、图像、流式数据处理等。通过集成各大厂的AI大模型 ，平台可以运行各种主流的数据分析和机器学习算法。'
                },
                {
                    'iconUrl': '/bi_frontend/imgs/icon4.png',
                    'cartMainTitle': '敏捷且持续投入',
                    'cartSubTitle': '快速迭代、持续发布',
                    'cartText': '采用敏捷方法开发，实现了版本快速迭代，以及基于招行DevOps流水线赋能的持续发布和质量内建。'
                },
            ]
        },
        functionTitle: {
            title: '不良资产数据科学'
        },
        functionIntroduceParam: {
            gutter: 155, //列之间的间隔
            span: 8, // 列数，24/span=列数，例如24/12=2即每行两列
            functionIntroduceList: [
                {
                    'iconUrl': '/bi_frontend/imgs/home-mpp.svg',
                    'title': '大模型并行处理架构',
                    'text': '不良资产数据仓库平台基于并行处理架构，具有强大的内核技术，包括数据水平分布、并行查询执行、线性扩展能力等。'
                },
                {
                    'iconUrl': '/bi_frontend/imgs/home-federated.svg',
                    'title': '支持多种数据源和数据格式',
                    'text': '支持各种数据源，包括交易数据、中台数据、企查查、客户行为数据等，不需要同步数据，避免数据变更的复杂性，以及数据不一致的问题。支持结构化、半结构化 (XML, JSON, KV )数据。'
                },
                {
                    'iconUrl': '/bi_frontend/imgs/home-analytics.svg',
                    'title': '集成数据库分析处理工具',
                    'text': '采用可扩展数据库分析开源库 Apache MADlib处理数据。MADlib 提供 SQL 接口进行数据分析，大大降低了数据分析的⻔槛；MADlib 建于数据库内，使用 MPP 的优势，提高了分析的效率；MADlib可以在全量数据，而不是抽样数据上进行分析，提高了精度。 '
                },
            ]
        }
    })
</script>


<style scoped>
    .header {
        min-width: 100%;
        background-image: url('/bi_frontend/imgs/ccchaos-3.svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .header_container {
        padding: 280px 0px 100px 0px;
    }
    .introduceTitle {
        padding-top: 60px;
    }
</style>